Js图片连续左右滚动的实现代码
横向左右滚动,speed)} function moveout(way) { if(MyMar) { clearInterval(MyMar); } } function moveThis(way){ if(way=='right'){ flag=1; if(MyMar) { clearInterval(MyMar); } MyMar=setInterval(MarqueeR,speed)} else demo.onmouseout=function() {MyMar=setInterval(MarqueeL。
代码: 复制代码 代码示例: html body titleJs图片连续滚动代码--ym97.comcourse.htmltitle IMG onMouseOver=moveThis('left') style=CURSOR: pointer onmouseout=moveout() height=30 src=/jscss/demoimg/200908/6637716.gif width=8 DIV id=demo style=OVERFLOW: hidden; WIDTH: 255px; HEIGHT: 78px TABLE cellSpacing=0 cellPadding=0 border=0 TR TD id=demo1 TABLE id=demo3 style=MARGIN-LEFT: 0px cellSpacing=0 cellPadding=0 width=459 border=0 img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / img src=http://www.dismall.com/thread-957-1-1.html/a_10537//jscss/demoimg/wall_s8.jpg class=floatleft / /TABLE /TD TD id=demo2/TD/TR/TABLE /DIV IMG onMouseOver=moveThis('right') style=CURSOR: pointer onmouseout=moveout() height=30 src=/jscss/demoimg/200908/6637743.gif width=8 SCRIPT language=javascript var speed=30; demo2.innerHTML=demo1.innerHTML; function MarqueeL(){ if(demo2.offsetWidth-demo.scrollLeft=0) demo.scrollLeft-=demo1.offsetWidth; else demo.scrollLeft++; } function MarqueeR(){ if(demo2.offsetWidth-demo.scrollLeft=255) demo.scrollLeft+=demo1.offsetWidth; else demo.scrollLeft--; } var flag=0; var MyMar; //var MyMar=setInterval(MarqueeL。
speed); } if(flag) demo.onmouseout=function() {MyMar=setInterval(MarqueeR。
speed); demo.onmouseover=function() {if(MyMar){clearInterval(MyMar)}} //demo.onmouseout=function() {MyMar=setInterval(MarqueeR, 本节主要内容: JavaScript实现的可控的图片滚动。
speed); } else{ flag=0; if(MyMar) { clearInterval(MyMar); } MyMar=setInterval(MarqueeL,speed)} } /script /body /html ,鼠标放到控制按钮上就可以控制图片的滚动方向,。
相关热词:
本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!
本文地址: https://v30.fanwenzhu.com/jq/jc/9319.shtml
相关文章
热门TAG
win10 ecshop 主机 阿里云 解决 配置 C# C++ 解析 SQL语句 命令 Go语言 方法 CSS3 HTML5 CSS win7 MSSQL 服务器配置 IIS7.5 IIS7 IIS6 IIS CentOS 7 Linux oracle数据库 oracle phpcms discuz discuz教程最新文章
-
PHP识别相片是否是颠倒的
时间:2020-12-28
-
python编程有哪些ide
时间:2020-12-28
-
python开发工程师是做什么
时间:2020-12-28
-
php构造函数的作用
时间:2020-12-28
-
php怎么跟数据库连接
时间:2020-12-28
-
php实现顺序线性表
时间:2020-12-28
-
Python多重继承中的菱形继
时间:2020-12-28
-
php中break的作用
时间:2020-12-28
热门文章
-
php中常用的正则表达式使用方法
时间:2020-12-25
-
asp与php区别是什么?
时间:2020-12-27
-
PHP识别相片是否是颠倒的,并且重新摆正
时间:2020-12-28
-
Yii授权之基于角色的存取控制 (RBAC)
时间:2020-12-23
-
php的一键安装包有哪些 php环境搭建
时间:2020-12-19
-
php实现对图片对称加解密(适用身份证加
时间:2020-12-25
-
php如何理解面向对象
时间:2020-12-28
-
超详细分析php docker的原理及作用
时间:2020-12-27
-
Python控制Excel实现自动化办公
时间:2020-12-23
-
session的作用是什么
时间:2020-12-25
